<template>
   <videoPlayer
      class="vjs-custom-skin videoPlayer"
      :options="playerOptions"
       ref="videoPlayer"
       :playsinline="true"
    ></videoPlayer>
</template>

<script>
  // import "video-js.css";
  import { videoPlayer } from 'vue-video-player'
  import 'videojs-flash'
export default {
  components: {
    videoPlayer,
  },
  data() {
    return {
      playerOptions: {
        height: '300',
        sources: [
          {
            type: 'video/mp4', // 播放的类型，在这里项目中需要的是rtmp，也可以修改为：‘video/mp4’
            src: 'http://cwqd.ricecs.cn/admin-api/system/file/19/get/9bc11360ce8ca394b96762f67b575c11b425a6999e0b9fc81a9d56e9d4c24332.mp4', // 这里就是你播放内容的路径了，项目中的是湖南卫视的路径。{（https://v-cdn.zjol.com.cn/280443.mp4）这里是mp4格式的路径} *src为必填内容*
          },
        ],
        autoplay: false,
        controls: true,
      },
    }
  },
  computed: {
    player() {
      return this.$refs.videoPlayer.player
    },
  },
}

</script>

<style>
</style>